<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>京东、淘宝晒单</title>
 
<style>
@charset "utf-8";
.fn-left {
float:left;
}
.modle{width:443px;height:190px;border:1px solid #dddddd;}
ul{width:423px;margin:0 auto;height:160px;overflow:hidden;}
.modle  ul li{border-bottom:1px #DDD dotted;}
 .modle_img{width:50px;height:60px;text-align:center;}
 .modle_img img{margin-top:14px;}
.modle_text{width:337px;height:60px;overflow:hidden;margin-top:15px;padding-left:8px;}
.modle_text p a{color:#005ea7;}
.modle_text div a{color:#999999;}
</style>
</head>
<body>
    <div class="modle" id="modle1">
          <ul>
            <li>
            <div class="modle_img fn-left"><a href="###"><img src="image/ho1。jpg"></a></div>
            <div class="modle_text ">
            <p><a href="###">很不错的一款电热壶哟1</a></p>
            <div><a href="">速度很快。信号很好，而且设置方便。最关键的是，能看到流量使用了多</a></div>
            </div>
            </li>
            <li>
            <div class="modle_img fn-left "><a href="###"><img src="image/ho2。jpg"></a><i></i></div>
            <div class="modle_text ">
            <p><a href="###">很不错的一款电热壶哟2</a></p>
            <div><a href="">速度很快。信号很好，而且设置方便。最关键的是，能看到流量使用了多</a></div>
            </div>
            </li>
            <li>
            <div class="modle_img "><a href="###"><img src="image/ho1。jpg"></a><i></i></div>
            <div class="modle_text ">
            <p><a href="###">很不错的一款电热壶哟3</a></p>
            <div><a href="">速度很快。信号很好，而且设置方便。最关键的是，能看到流量使用了多</a></div>
            </div>
            </li>
            <li>
            <div class="modle_img fn-left"><a href="###"><img src="image/ho2。jpg"></a><i></i></div>
            <div class="modle_text ">
            <p><a href="###">很不错的一款电热壶哟4</a></p>
            <div><a href="">速度很快。信号很好，而且设置方便。最关键的是，能看到流量使用了多</a></div>
            </div>
            </li>
            <li>
            <div class="modle_img fn-left"><a href="###"><img src="image/ho3。jpg"></a><i></i></div>
            <div class="modle_text ">
            <p><a href="###">很不错的一款电热壶哟5</a></p>
            <div><a href="">速度很快。信号很好，而且设置方便。最关键的是，能看到流量使用了多</a></div>
            </div>
            </li>
          </ul>
        </div>
    
<!--club end-->
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script>
$(function(){
function scollDown(id,time){
var liHeight=$("#"+id+" ul li").height();
var time=time||2500;
setInterval(function(){
$("#"+id+" ul").prepend($("#"+id+" ul li:last").css("height","0px").animate({
height:liHeight+"px"
},"slow"));
},time);
}
scollDown("modle1");
// scollDown("modle_right",3000);
});
</script>
</body>
</html>